﻿* { margin:0; padding:0;}
body { padding: 5px 0; color:#333; font-family:'lucida grande',tahoma,helvetica,"宋体",arial,'bitstream vera sans',sans-serif; font-size:12px;}
h1, h2, h3, h4, h5, h6 { font-size:1.0em;}
h2 {border-bottom:1px solid #D8DFEA;margin-bottom:10px;}
h5 {color:#808080;font-weight:normal;}
h4 {border-left:3px solid #5D74A2; padding-left:2px;margin-left:10px;}
q:before,q:after{content:'';}
table { width:100%; border-collapse:collapse; overflow:hidden;}
td { vertical-align:top;}
a { color:#3b5998; text-decoration:none;}
a:hover { color:#3b5998; text-decoration:underline;}
img { border:0;}

/* Form Elements */
input, textarea, select { background:#fff; font-size:12px;}
textarea { overflow:auto; margin-bottom:5px; padding:2px; border:1px solid #bdc7d8; width:468px;}
.inputtext { padding:2px; border:1px solid #bdc7d8;}
.inputbutton, .inputsubmit, .subbutton, .canbutton, .button-group button { height:24px; font-size:12px; padding:3px 15px; border:1px solid; border-color:#d8dfea #0e1f5b #0e1f5b #d8dfea; background:#3b5998; color:#fff; line-height:16px; cursor:pointer; text-align:center;}
* html .inputbutton, * html .inputsubmit, * html .subbutton, * html .canbutton, * html .button-group button {padding:3px 6px}
*+html .inputbutton, *+html .inputsubmit, *+html .subbutton, *+html .canbutton, *+html .button-group button {padding:3px 6px}
a.subbutton { display:inline-block; height:16px; padding:3px 10px;}
a.subbutton:hover { color:#fff; text-decoration:none;}

/* Structure */
#container {position: relative; width:800px; margin:0 auto; text-align:left;}
#content {overflow:hidden;zoom:1;clear:both;border-left:1px solid #B7B7B7; border-right:1px solid #B7B7B7; border-bottom:1px solid #3B5998;}
/* Header */
#header {
    background: url(../img/header.gif) no-repeat 0 0;
    position: relative;
	height: 8px;
}

/* Header - Logo */
#header #logo {position:absolute;background:#3B5998;bottom:-45px;}
#header #logo a { background:transparent;}

/* Header - Tagline */
#header #tagline { position:absolute; left:132px; top:0; width:628px; height:24px; background:#3b5998 url(../img/hl.gif) 0 0 no-repeat; color:#fff; font-size:14px; text-indent:15px; line-height:24px;}
#header #tagline a { color:#fff; text-decoration:none;}

/* Sidebar */
#sidebar { float:left; margin-top: 44px; width:139px;}

/* Widebar */
#widebar {
    float: right;
    position: relative;
    width: 660px;
    border: 1px solid #E5E5E5;
    border-width: 0 1px 1px 0;
    background: #FFF;
}

#banner {
    border-right: 1px solid #B8B8B8;
    padding-left: 1px;
    background: url(../img/banner_bg.gif) no-repeat 0 0;
    height: 60px;
	overflow:hidden;
}
#banner img {
    display: block;
}
#adbar {
    clear: left;
    float: left;
	background: #F0F0F0;
	padding: 0 5px;
	border-top: 10px solid #FFF;
}

/* Sidebar - Hot Links */
#sidebar .block, #adbar .block { width:118px; margin:5px 0; background: #F9F9F9; padding-bottom:5px; border:1px solid #D8DFEA; border-color:#D8DFEA #D8DFEA #3B5998; overflow:hidden;}
#sidebar .block .adheader, #adbar .block .adheader { padding:2px 5px; color:#808080; font-size:12px; line-height:15px; font-weight:normal; text-align:center;}
#sidebar .blockcont, #adbar .blockcont { padding:2px;}
#sidebar #postannouncement a, #adbar #postannouncement a { display:block; height:18px; margin:0 5px; border:1px solid; border-color:#d8dfea #0e1f5b #0e1f5b #d8dfea; background:#3b5998; color:#fff; line-height:18px; text-align:center; text-decoration:none; cursor:pointer;}
#sidebar .attention {padding:0;background:#F9F9F9;border:1px solid #D8DEEA; border-bottom-color:#3B5999;line-height:2.5em;width:118px;}
#adbar .blockcont p {line-height: 1.3em;padding-left:5px;}
#adbar .blockcont.shit p {line-height:1.3em;padding-left:0;background:none}
#adbar .attention {padding:0;background:#F9F9F9;border:1px solid #D8DEEA; border-bottom-color:#3B5999;line-height:2.5em;width:118px;}
#adbar .list ul {list-style: none}
#adbar .list ul li {line-height:1.3em}
/* End of Sidebar */

/* Footer */
#footer { float:right; width:660px; margin-right:1px; text-align:left; display:inline;}
#footer p { margin:10px 0; padding:0 10px; color:#808080;}
#footer .pipe {padding:0 6px;}
.shy { color:#808080; text-decoration:none;}
/* End of Footer */

/* styling for page navigation */
.page {
    clear: both;
    margin: 0.75em 0;
    text-align: center;
    overflow: hidden;
    zoom: 1;
}

/* commentlist */
.commentlist { list-style:none;}
	.commentlist li { padding:5px 10px;}
		.commentlist .odd { background:#f7f7f7; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
		.commentlist .even { background:#fff;}
.comment { padding-left:60px;}
.comment:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.comment .picture { float:left; width:60px; margin-left:-60px;padding-right:3px;}
	* html .comment .picture { display:inline;}
	.comment .usericon img { width:50px; max-height:75px;}
	.comment .info { line-height:20px;}
	.comment .floor { float:right; color:#808080;}
.commentlist, .comment { *zoom:1;}

/* Aux Position */
.clear {
    clear: both;
}

.no-float {
    float: none !important;
}

.go-inline {
	display: inline;
}

.go-block {
	display: block;
}

.top-margin {
    margin-top: 1.0em;
}

.bottom-margin {
    margin-bottom: 1.0em;
}

.vertical-margin {
    margin: 10px 0;
}

.float-right {
    float: right;
}

.float-left, .left {
    float: left;
    padding-right:3px;
}

.center {
    text-align: center !important;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.lh15 {line-height:1.5em; margin: 0.5em 0}



/* Links */
a.link-arrow {
    background: url(../img/arrow.gif) no-repeat right center;
    padding-right: 0.75em;
}

a.link-arrow-back {
    background: url(../img/arrow_back.gif) no-repeat left center;
    padding-left: 0.75em;
}
/* Titles */
h2 {
    font-size: 1.2em;
    color: #000;
}

h2#page-title {
    background: #FFF;
    height: 3.0em;
    line-height: 3.0em;
    font-size: 1.0em;
    color: #333;
    text-indent: 1.0em;
    border-bottom: 1px solid #CCC;
}

h2 img {
	margin-right: 0.25em;
}

h3 {
    color: #333;
}

h3 span {
    font-weight: normal;
}

/* Oak */
#oak {
    zoom: 1;
    overflow: hidden;
}

#oak.white {
    background: #FFF;
}

#oak.gray {
    background: #F7F7F7;
}

#oak.white-gray {
    background: url(../img/white_gray_bg.gif) repeat-y right top;
}

#oak.gray-gray {
    background: #F7F7F7 url(../img/white_gray_bg.gif) repeat-y right top;
}

*html .white {
    background: #FFF;
}

*html .gray {
    background: #F7F7F7;
}

*html .white-gray {
    background: url(../img/white_gray_bg.gif) repeat-y right top;
}

*html .gray-gray {
    background: #F7F7F7 url(../img/white_gray_bg.gif) repeat-y right top;
}

#single-column {
    padding: 10px;
	clear: both;
}

#wide-column {
    width: 476px;
    float: left;
    padding: 10px;
}

#side-column {
    width: 162px;
    float: left;
}

#side-column .single-box {
    padding: 10px;
    background: #F0F0F0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin: 0.8em 10px 0.8em 0;
    position: relative;
}

#side-column .top-box {
    padding: 10px;
    border-bottom: 1px solid #CCC;
}

#side-column .mid-box {
    padding: 10px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #FFF;
}

#side-column .bottom-box {
    padding: 5px;
    border-top: 1px solid #FFF;
   
	}

#side-column .no-margin {
    margin: 0;
}

.timestamp, .time, .date {
    font-size: 11px;
    color: #808080;
}


#pages-jump {
    background: #F7F7F7;
    clear: both;
    height: 3.0em;
    line-height: 3.0em;
    position: relative;
    text-align: center;
    padding: 0 1.0em;
	z-index: 10;
}

#pages-jump-index {
    background: #F7F7F7;
    clear: both;
    height: 3.0em;
    line-height: 3.0em;
	position: relative;
    padding: 0 1.0em;
	z-index: 10;
}

#pages-jump a, #pages-jump-index a{
    background: #FFF;
    border: 1px solid #D8DFEA;
    color: #3B5998;
    padding: 2px 6px;
    text-decoration: none;
}

#pages-jump span a, #pages-jump-index span a {
    background: none;
    border: none;
    padding: 0;
}

#pages-jump span a:hover {
    text-decoration: underline;
}

#pages-jump .this-page {
    font-weight: bold;
    padding: 2px 6px;
}

#pages-jump.top, #pages-jump-index.top {
    border-bottom: 1px solid #CCC;
}

#pages-jump.bottom {
    border-top: 1px solid #CCC;
    margin-top: 10px;
}

#pages-jump .right-line {
    float: right;
}

#pages-jump .left-line {
    float: left;
}

#pages-jump strong {
    margin: 0 0.25em;
}

*html .bottom {
    border-top: 1px solid #CCC;
    margin-top: 10px;
}

.no-page {
    height: 2.0em !important;
    line-height: 2.0em !important;
}

.no-page.align-left {
    text-align: left !important;
}

.text-article p a.more-link {
background:transparent url(../img/arrow.gif) no-repeat scroll right 50%;
float:right;
font-size:1.0em !important;
padding-right:10px;
}}

/* add3s */
#box-author ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#side-column ul { color:#3B5998;list-style-image:none;list-style-position:inside;list-style-type:square; padding:0 0 5px;}
#side-column ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #side-column ul { height:1%;}
*+html #side-columnul { min-height:1%;}
	#side-column li {border-bottom:1px solid #D8DFEA;margin-bottom:5px;padding-bottom:2px;padding-left:4px;line-height:1.5em;}

#content #cmtbody { width:476px; padding:3px; border:1px solid #d8dfea;}

.bottom-box .header { height:21px; margin-bottom:5px; padding-left:5px; background:#d8dfea; color:#333; border-top:1px solid #3b5998; font-size:12px; font-weight:bold; line-height:21px;}

#box-author {
    zoom:1;
    overflow:hidden;
}

#box-author p {
    float:left;
    min-height:4.0em;
    margin-right:0.5em;
}

*html #box-author p {
    height:4.0em;
}

#box-author img {
    width: 50px;
}

#box-author ul {
    list-style: none;
}
.text-article {
font-size:14px !important;
overflow:hidden;
padding:10px 5px;
width:464px;
}
.text-article img {max-width:450px;}
#mycomment .docomment {
border-bottom:1px solid #D8DFEA;
color:#3B5998;
font-size:14px;
font-weight: bold;
}
.comment .author {font-weight: bold;}
.stat-article {
border-top:1px solid #DDDDDD;
color:#808080;
height:1.8em;
line-height:1.8em;
padding:0pt 5px;
}
#comments {
margin:1.5em 0pt;
position:relative;
}
h1 {color:#808080;}
h3.title-article{
background:#F7F7F7 none repeat scroll 0%;
border-bottom:1px solid #D8DFEA;
border-top:1px solid #3B5998;
padding:0.5em 0.3em 0.5em 0.5em;
}
h3.title-article strong{
display:block;
font-size:1.2em;
margin-right:1em;
overflow:hidden;
}

h3.title-article .edit {
float:right;
position:relative;
}

h3.title-article .timestamp {
color:#808080;
display:block;
line-height:1em;
}

span.reply{
padding:0pt 0.5em;
}

.share-body h3 {
background-color:#F7F7F7;
background-position:5px;
background-repeat:no-repeat;
border-bottom:1px solid #D8DFEA;
border-top:1px solid #3B5998;
padding:0.5em 0.3em 0.5em 2em;
}
.share-content {
overflow:hidden;
padding:10px;
}

#section-header {
background-color:#FFFFFF;
overflow:hidden;
padding:0px 12px 5px 20px;
}
#section-header .section-info .section-gray {
background:#F7F7F7 none repeat scroll 0%;
border-bottom:1px solid #CCCCCC;
margin:-23px -12px 4px -80px;
padding:23px 12px 4px 80px;
position:relative;
width:566px;
z-index:0;
}
#section-header .section-avatar {
float:left;
height:50px;
margin-right:10px;
margin-top:18px;
overflow:hidden;
position:relative;
width:50px;
z-index:1;
}
#section-header .section-info {
float:left;
padding-top:23px;
width:566px;
}
#section-header .section-avatar a {
background-position:50%;
background-repeat:no-repeat;
display:block;
height:50px;
width:50px;
}
.pager-top {
border-bottom:1px solid #D8DFEA;
overflow:hidden;
padding:5px 10px 0pt;
}
.pager-bottom {
border-top:1px solid #D8DFEA;
overflow:hidden;
padding:0pt 10px 5px;
}
#wide-column ul {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
padding:0pt 0pt 0pt 50px;

}
blockquote {
background:#F7F7F7 none repeat scroll 0% 50%;
border-color:#D5D5D5;
border-style:dashed;
border-width:1px 0px;
color:#000000;
margin:5px 0px 0px;
padding:3px 15px;
}
.section-gray  h1{
color:#000000;
font-size:1.2em;
}
pre, code {
background:#F6F6F6 none repeat scroll 0%;
font-family:"Courier New",Courier,monospace;
}
.text-article p {margin: 0; padding:2px}
#dashNotice {
background:#F2F4F7 none repeat scroll 0%;
border-bottom:1px solid #D8DFEA;
margin-bottom:5px;
padding:6px 6px;
}
#dashNotice .noticeheader {
border-bottom:1px solid #D8DFEA;
color:#CC3300;
font-size:1.2em;
line-height:1.5em;
margin-bottom:0.5em;
font-weight: bold;
}
#dashNotice .noticeheader span {
float:right;
font-size:12px;
font-weight:normal;
color:#3B5998;
}
#loginpanel .portal:hover {
background-color:#D8DFEA;
border-color:#3B5998;
color:#333333;
text-decoration:none;
}
#loginpanel .portal {
background:#F7F7F7 url(../img/style_triangle.gif) no-repeat scroll 8px 10px;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 0pt;
color:#666666;
display:block;
margin:10px 5px 10px 0pt;
padding:5px 0pt 5px 18px;
position:relative;
}
#loginpanel .portal:hover strong {
color:#000000;
}
#loginpanel .portal strong {
color:#333333;
display:block;
}
.messages_div {background:#FFFBE2 none repeat scroll 0%;border:1px solid #BDC7D8;line-height:20px;margin:5px;padding:5px;text-align:center;}
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.excerpt {font-size:12px !important;}